<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<style>
			body{background: #FFFFFF;}
			.mui-bar-nav{box-shadow: 0 0px 0px #ccc;background-color:#6B8698;}
		</style>
	</head>

	<body>
		<div class="mui-content business_content">
			<header class="mui-bar mui-bar-nav">
        	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left business_topbg_icon" ></a>
        	    <a href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-gear mui-pull-right business_topbg_icon" ></a>
        	</header>
			<!--背景 头像-->
		    <div class="business_topbg">
		    	<center><img class="business_topbg_user" src="images/logo.png"/></center>
		    </div>
		    <!--名字职位-->
		    <div class="business_name_card">
		    	<div class="business_name_card_div">
		    		<div class="mui-ellipsis"> 姓名 ：<span class="business_name_card_namecn">黄 瑞 福</span></div>
		    		<div class="mui-ellipsis business_name_card_nameen"> </div>
		    		<div class="mui-ellipsis business_name_card_nameen_top"> 职位 ：<span class="business_name_card_namecn">全栈开发工程师</span></div>
		    		<div class="mui-ellipsis business_name_card_nameen"> </div>
		    	</div>
		    </div>
		    <!--个人信息列表-->
		    <ul class="mui-table-view business_name_ul">
			    <li class="mui-table-view-cell">
			    	<span class="mui-icon mui-icon-phone business_name_ul_icon"></span>
			    	<span class="business_name_ul_span">156 xxxx 3860</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="mui-icon mui-icon-email business_name_ul_icon"></span>
			    	<span class="business_name_ul_span">tendecss@163.com</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="mui-icon mui-icon-home business_name_ul_icon"></span>
			    	<span class="business_name_ul_span">广东工业大学龙洞校区</span>
			    </li>
			    <li class="mui-table-view-cell">
			    	<span class="mui-icon mui-icon-loop mui-spin business_name_ul_icon"></span>
			    	<span class="business_name_ul_span">http://wwww.tendecss.com</span>
			    </li>
			</ul>
			<!--公司名称-->
			<div class="business_foot">
				<div class="business_foot_div">
					<div class="mui-ellipsis">Tendecss小店</div>
					<div class="mui-ellipsis business_foot_div_text">looking forword to be your necessary part of life.</div>
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			function plusReady(){
			// 设置系统状态栏背景为蓝色
			plus.navigator.setStatusBarBackground( "#6b8698" );
			// 设置系统状态栏样式为浅色文字
			plus.navigator.setStatusBarStyle( "UIStatusBarStyleBlackOpaque" );
			}
			if(window.plus){
			plusReady();
			}else{
			document.addEventListener("plusready",plusReady,false);
		}
		</script>
	</body>

</html>